@import "comm/com";
.sign{
    .bv1;
    .pg(60px 0);
    .container{
        .sign-content{
            .bv2;
            .pg(30px 60px);
            // width: 40%;
            width:450px;
            margin: 0 auto;
            @media screen and (max-width:768px) {
                
            }
            //头部
            .title{
                margin-bottom: 30px;
                i{
                    .bi("i5.png");
                    width: 23px;
                    height: 22px;
                    top: 3px;
                    position: relative;
                }
                span{
                    font-size: 20px;
                    color: #333;
                    font-weight: bold;
                    margin-left: 5px;
                }
            }
            // 表单行,图标
            .form-group{
                position: relative;
                margin-left: 0;
                margin-right: 0;
                // 图标
                label{
                    position: absolute;
                    left:15px;
                    top:8px;
                    z-index: 10;
                }
                .i1{
                    .bi("i6.png");
                    width: 13px;
                    height: 20px;
                }
                .i2{
                    .bi("i7.png");
                    width: 16px;
                    height: 20px;
                }
                .reg1{
                    .bi("i19.png");
                    width: 18px;
                    height: 18px;
                }
                .reg2{
                    left:17px;
                }
                .reg5{
                    .bi("i20.png");
                    width: 18px;
                    height: 14px;
                    top:12px;
                }
                // 表单
                .form-control{
                    padding-left: 40px;
                }
                [type="submit"]{
                    padding-left: 12px;
                    .bi("index-bg3.png");
                    color: #fff;
                    font-size: 20px;
                    height: auto;
                }
                
               
            }

            .s-a{
                a{
                    
                    color: @r;
                    &:nth-child(2){
                        float: right;
                    }
                }
              
            }
        }

        // 注册页
        #regForm{
            // 验证码输入框
            .revf{
                border-right: none;
            }
            // 验证码按钮
            .v-code{
                .bc(#222543);
                color: #fff;
                cursor: pointer;
                border: none;
                border-radius: 0 4px 4px 0;
            }
            //点击后样式
            .ck-cl{
                cursor: not-allowed;
                color: #999;
            }
            .addSpan{
                color:#a94442;
                display: block;
                font-size: 12px;
                margin-top: 5px;
          
            }
            // 协议
            .pro{
                text-align: center;
                p{
                    .ft(14px);
                    color: @c6o;
                    a{
                        color: @r;
                        &:hover{
                            color: #7b0000;
                        }
                    }
                }
            }
            //重置密码页面
            .ret-p{
                a{
                    color:@ro;
             
                    &:nth-child(2){
                        float: right;
                    }
                }
            }
        }
        
    }
}
